<script>
    export let shopName = '';
    export let shopImage = '';
</script>

<div class="shop-item">
    <img src={shopImage} alt={shopName} />
    <p>{shopName}</p>
</div>

<style>
    .shop-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 10px;
    }
    .shop-item img {
        width: 150px;
        height: 150px;
        object-fit: cover;
    }
    .shop-item p {
        margin-top: 5px;
        font-size: 16px;
    }
</style>
